<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册页面</title>
	<!--  引入初始化css文件 -->
	<link rel="stylesheet" href="css/base.css">
	<!-- 引入注册页css文件 -->
	<link rel="stylesheet" href="css/register.css">
	<!--  引入 favicon.ico 网页图标-->
	<link rel="shortcut icon" href="bitbug_favicon.ico" type="image/x-icon"/>
	<!-- 引入icon -->
	<link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
	<div class="w">
		<div class="header">
			<div class="logo">
				<a href="index.html">
					<img src="img/logo.png" alt="">
				</a>
			</div>
		</div>
		<div class="registerarea">
			<h3>
				注册新用户
				<em>我有账号，去<a href="javascript:;">登陆</a> ></em>
			</h3>
			<div class="reg_form">
				<form action="javascript:;">
					<ul>
						<li>
							<label for="tel">手机号：</label>
							<input type="text" id="tel"> 
							<span class="error">
								<i class="iconfont icon-error"></i>
								手机号格式不正确，请重新输入
							</span>
						</li>
						<li>
							<label for="">短信验证码：</label>
							<input type="text">
							<span class="error">
								<i class="iconfont icon-error"></i>
								短信验证码不正确，请重新发送
							</span>
						</li>
						<li>
							<label for="">登录密码：</label>
							<input type="text">
							<span class="zhengque">
								<i class="iconfont icon-chenggong"></i>
								密码组合符合要求，请继续！
							</span>
						</li>
						<li class="safe">
							安全程度：
							<span class="ruo">弱</span>
							<span class="zhong">中</span>
							<span class="qiang">强</span>
						</li>
						<li>
							<label for="">确认密码：</label>
							<input type="text">
							<span class="error">
								<i class="iconfont icon-error"></i>
								密码不一致，请重新输入！
							</span>
						</li>
						<li class="agreement">
							<input type="checkbox" name="" id="" class="xieyi">
							阅读，同意协议并注册！
							<a href="javascript:;">《商城登陆使用须知》</a>
						</li>
						<li class="over">
							<input type="submit" value="完成注册">
						</li>
					</ul>
				</form>
			</div>
		</div>
	</div>
	<div class="footer">
				<div class="mod_copyright">
					<p class="mod_copyright_links">
						关于我们 | 练习我们 | 联系客服 | 关于我们 | 练习我们 | 联系客服 | 关于我们 | 练习我们 | 联系客服 | 关于我们 | 练习我们 | 联系客服 
					</p>
					<center>
					<p class="mod_copyright_info">
						<font size="1"><b>版权：&copy;:版权所有，计科三班，黄栋林,仅供学习使用！</b></font>
						<address>E-mail:huangdonglin@qq.com</address>
						<a href="http://beian.miit.gov.cn">备案号：豫ICP备2020030630号-1</a>
					</p>
					</center>
			</div>
		</div>
</body>
</html>